/*
  学习目标：hooks的三个使用限制
  步骤：
     1. 不能在if else语句中使用hooks
     2. 不能在for语句中使用
     3. 不能在普通函数中使用hooks
*/
import React from 'react';
import { useState } from 'react';
const isShow = true;
export default function App() {
  //   1. 不能在if else语句中使用hooks
  // if (false) {
  //   const [msg, setMsg] = useState('');
  // }

  const list = [1, 3];
  const [count, setCount] = useState(100);

  // 2. 不能在for语句中使用
  // for (let index = 0; index < list.length; index++) {
  //   const [msg, setMsg] = useState('');
  // }

  return (
    <div>
      <h1>{count}</h1>
      <button
        onClick={() => {
          setCount(count + 1);
        }}
      >
        点我修改zs的名字
      </button>
    </div>
  );
}

//  3. 不能在普通函数中使用hooks: 非函数式组件、 非use开头的自定义hooks函数
// function hello() {
//   const [state, setstate] = useState(0);
// }
